.panel *{border: none}
.panel-title > a{display: block;border: 0}

.nav-tabs{border: 0}
.nav-tabs > li > a{border-radius: 0;margin: 0;padding: 0;border: 0}
.nav-tabs > li{margin: 0}
.nav-tabs > li.active > a {border: 0}

.bdshare-button-style0-16 .bds_tsina ,.bdshare-button-style0-16 .bds_weixin{width: 28px;height: 28px;  background-size: 100% 100%!important; background-position: 0 0!important;}
/*.bdshare-button-style0-16 .bds_tsina {background: url("../images/wb.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin{background: url("../images/wx.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin.pyq{background: url("../images/py.png") no-repeat;}*/

.n-link{margin-top: 40px;}
.n-link ul li {cursor:pointer; display: inline-block; padding: 10px 16px; margin-right: 40px; color: #666;position: relative;border-radius: 6px;transition: all 0s}
.n-link ul li i{position: absolute;left: 50%;top: 101%;color: #d6191b;transfori-showVidem: translate(-50%,-50%);display: none}
.n-link ul li:hover{background: #d6191b;color: #fff;cursor:pointer}
.n-link ul li:hover i{display: block}
.n-link .active{background: #d6191b;color: #fff;}
.n-link .active i{display: block}

.g_btn{width: 120px;text-align: center;}
.g_btn a{background: #d6191b;color: #fff;padding: 6px 0;border-radius: 8px;}

.n-title-h{font-size: 24px;color: #1d2088}

.logo {position: relative}
.l-gif{height: 99px;width: auto}


.fixed-left{position: fixed;top: 254px;left: 0%;z-index: 9999}
.fixed-left-list{transform: translateX(-50px);transition: .4s all ease}
.fixed-left.active .fixed-left-list{transform: translateX(0);transition: .4s all ease}
.fixed-left-item{width: 50px;height: 50px; margin-bottom: 4px;padding-top: 8px;position: relative;
    text-align: center; background: #2789d9;color: #fff;cursor: pointer;transition: .4s all ease}
.fixed-left-item i{font-size: 20px;transition: .4s all ease}
.fixed-left-item p{font-size: 12px;color: #fff;line-height: 1.2rem;transition: .4s all ease}
.fixed-left-item .telNum{ width: 0; padding: 6px 0 ; overflow: hidden; text-align: left; background: rgba(0,0,0,0.5);color: #fff;
    position: absolute;top: 50%;left: 100%;transform: translate(0,-50%);border-bottom: 1px solid #2789d9;z-index: 999}
.fixed-left-item .telNum a{ display: block;width: 100%; color: #fff;margin-top: 10px;}
.fixed-left-item .telNum a img{width: 100%}
.fixed-left-item .telNum input{background: none;border: 0;color: #fff}
.fixed-left-item:hover{background: #fff;transform: translateX(-6PX);transition: .4s all ease}
.fixed-left-item:hover *{color: #2789d9;transition: .4s all ease}
.fixed-left-item:hover .telNum{width: 180px; padding-left: 10px;padding-right: 10px; transition: .4s all ease;}
.fixed-left-btn {width: 50px; margin-bottom: 10px; padding: 6px;text-align: center;color: #fff;cursor: pointer;
    background:#2789d9; border: 1px solid #ccc}
.fixed-left-btn span{display: block;}
.fixed-left .fixed-left-btn span:nth-child(1){display: block}
.fixed-left .fixed-left-btn span:nth-child(2){display: none}
.fixed-left.active .fixed-left-btn span:nth-child(2){display: block}
.fixed-left.active .fixed-left-btn span:nth-child(1){display: none}
.i-banner {
    height: 440px;
}
@media screen and (max-width:768px) {
    .i-banner {
        height: 200px;
    }
}
.i-banner-bg{width: 100%; min-height: 200px; padding-top: 23%;background-size: cover;background-position: center;background-repeat: no-repeat; }
.i-banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 .1%!important; border-radius: 30px;background:#fff;opacity: 1}
.i-banner  .swiper-pagination-bullet-active{width: 24px;  }
.i-banner-text{ position: absolute;left: 18.5%;top: 50%;transform: translate(0%,-50%);color: #0c67cd}
.i-banner-text h1{font-size: 48px;margin-bottom: 10px; -webkit-text-stroke: 2px #fff;font-weight: 600;}


.i-title{display: flex;justify-content: space-between;align-items: flex-end}
.i-title>h3{font-size: 28px;color: #0c67cd;display: flex;align-items: center;}
.i-title>h3 i{margin-right: 10px;font-size: 28px;}
.i-title>a{color: #373737;}
.i-title>a:hover{color: #0c67cd;}

.i-about{margin-top: 36px;}
.i-about .g_w{display: flex;justify-content: space-between}
.i-about-l{
	//width: 880px;
width:100%;
display: flex;justify-content: center;}
.i-about-l-swiper{width: 390px;}
.i-about-l-bg{padding-top:66.6%;background-position: center;background-size: cover;background-repeat: no-repeat; }
.i-about-l-text{width: calc(100% - 390px);padding-left: 26px;}
.i-about-l-text p{text-indent: 2em; margin-top: 10px; text-align: justify; font-size: 14px; color: #373737;line-height: 1.46em}
.i-about-r{width: calc(100% - 880px);padding-left: 28px;}
.i-about-r-swiper{margin-top: 14px;}
.i-about-r-img{position: relative;width: 100%;height: 214px;}
.i-about-r-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%)}
.i-about-prev2,.i-about-next2{width: 25px;height: 40px;}
.i-about-prev2{ left: 0; background-image: url("../images/p.png")}
.i-about-next2{ right: 0; background-image: url("../images/n.png")}

.i-product{margin-top: 42px;}
.i-product-title .nav-tabs li a{display: block; margin: 0 5px; padding: 10px 16px;color: #373737;font-size: 16px;background: #dcdddd;transition: .3s all ease }
.i-product-title .nav-tabs li a:hover{  color: #fff;background: #0c67cd}
.i-product .tab-content{margin-top: 38px;}
.i-product-title>a{padding: 10px 16px;}
.i-product-title>a:hover{padding: 10px 16px;background: #0c67cd;color: #fff}
.i-product .container .row>div{padding: 0}
.i-product .n_item_v1Img{border-right: 1px solid #ccc;border-left: 1px solid #ccc}
.i-product .n_item_v1Bg{padding-top: 76%}
.i-product .n_item_v1Text{margin-top: 0;height: 36px;line-height: 36px;}
.i-product .n_item_v1Text h4{height: 100%;line-height: 36px;text-align: center  }
.i-product .n_item_v1:hover .n_item_v1Text{background: #0c67cd}
.i-product .n_item_v1:hover .n_item_v1Text h4{color: #fff}
.i-product .n_item_v1Info{display: none}

.i-box{margin-top: 50px;}
.i-box .g_w{display: flex;justify-content: space-between;}
.i-case{width: 736px;min-width: 736px}
.i-case-list{margin-top: 22px;}
.i-case-list .container .row>div{padding: 0 5px;}
.i-case-list .n_item_v1Text{margin: 0;padding: 0}
.i-case-list .n_item_v1Text h4{height: 40px;line-height: 40px; font-size: 14px; background: #ebecec;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;  color: #373737;transition: .4s all ease}
.i-case-list .n_item_v1:hover .n_item_v1Text h4{background: #0c67cd;color: #fff;transition: .4s all ease}
.i-case-list .n_item_v1Bg{padding-top: 89%;}
.i-case-list .n_item_v1Info{display: none}

.i-news{width: calc(100% - 736px);padding-left: 52px;}
.i-news-list{margin-top: 22px;}
.i-news-item{padding: 0 6px; padding-bottom: 13px; margin-bottom: 8px; border-bottom: 1px solid #ccc}
.i-news-item:nth-child(3){border: 0;margin-bottom: 0}
.i-news-item h5{font-size: 18px;color: #373737;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.i-news-item p{text-indent: 2em; margin-top: 4px; color: #888887;height: 40px;overflow: hidden}
.i-news-item span{color: #888887}
.i-news-item:hover h5{color: #0c67cd}
.i-news-item:hover p{color: #0c67cd}


.n-banner-bg{ min-height: 200px; padding-top: 18.2%;
    background-image: url("../images/n-banner1.jpg") ;background-repeat: no-repeat; background-position:left center;background-size: cover;}

.n-breadcrumb{ margin-top: 30px; display: flex;justify-content: flex-end;align-items: center}
.n-breadcrumb a{padding: 0 6px;color: #373737}
.n-breadcrumb a.active{color: #1a84d8}
.n-breadcrumb a:hover{color: #1a84d8}
.n-breadcrumb i{color: #1a84d8;font-size: 20px;}


.n-content{margin-top: 46px;display: flex;justify-content: space-between}

.n-l{width: 240px;min-width: 240px;}
.n-nav-title{display: flex;padding: 0 20px; height: 60px;align-items: center;color: #fff;font-size: 28px;background: #1a84d8}
.n-nav-title h3{font-size: 28px;}
.n-nav-title i{font-size: 28px;margin-right: 8px;}

.n-l-nav ul li>a{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;
    width: 100%;height: 46px; padding: 0 0 0 24px; line-height: 46px;font-size: 16px;color: #373737;}
.n-l-nav ul li>a img{margin-right: 18px;}
.n-l-nav ul li>a:hover{background: #f4f5f6;color: #0c67cd}
.n-l-nav ul li.active>a{background: #f4f5f6;color: #0c67cd}
.n-l-nav>ul>li> ul{display: none}
.n-l-nav>ul>li> ul>li a{justify-content: flex-start}
.n-l-nav>ul>li> ul>li a span{margin-right: 16px;}
.n-l-nav ul li.active ul{display: block}

.n-r{width: calc(100% - 240px);padding-left: 30px;}
.n-r-title{padding-top: 18px;color: #373737;font-size: 30px;}
.n-r-title p{font-size: 14px;color: #373737;margin-top: 24px;}
.n-r-content{margin-top: 20px}
.about-1{ padding: 20px;
    /*background: url("../images/about1-1.jpg") no-repeat ;background-size: cover;background-position: center;*/
}
.about-1 p{ margin-top: 14px; line-height: 2em;color: #000; text-indent: 2em; }
.about-1-img{margin-top: 14px; display: flex;justify-content: space-between}
.about-1-img div{width: 33%;height: auto}
.about-1-img img{width: 100%}


.n-about-jjItem{ padding-bottom: 34px; border-left: 1px solid #cfcfcf; position: relative; }
.n-about-jjItem:after{content: '';position: absolute;left: 0;top: 40px;transform: translateX(-50%);
    width: 17px;height: 17px; border: 4px solid #cfcfcf;border-radius: 50%;background: #fff }
.n-about-jjInfo {position: relative;padding: 40px 20px 20px 36px; margin-left: 64px; min-height: 160px;  cursor: pointer ;background: #f3f3f3;transition: .4s all ease}
.n-about-jjInfo:after{content: '';position: absolute;left: 0;top: 40px;transform: translateX(-100% );
    width: 13px;height: 19px; background: url("../images/zuo.png") no-repeat;transition: .4s all ease}
.n-about-jjInfo h4{font-size:24px;color: #373737;cursor: pointer }
.n-about-jjInfo p{font-size:15px;color: #373737;margin-top: 14px; }
.n-about-jjInfo:hover{background: #1a84d8;transition: .4s all ease}
.n-about-jjInfo:hover p{ color: #fff;}
.n-about-jjInfo:hover h4{ color: #fff;}
.n-about-jjInfo:hover:after{background: url("../images/zuo2.png") no-repeat;transition: .4s all ease}


.about-3-list .container .row >div{margin-top: 10px;}
.about-3-list .n_item_v1Img{position: relative;width: 100%;padding-top: 141%}
.about-3-list .n_item_v1Img img{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);
    width: auto;height: auto;max-width: 100%;max-height: 100%}
.about-3-list .n_item_v1Info{background: rgba(26,132,216,.75);}


.contact{background-image: url("../images/n-banner2.jpg")}
.n-contact{display: block}
.n-map{display: flex;margin-top: 80px;}
.n-map-l{width: 36.4%; min-width: 36.4%;display: flex;justify-content: center;align-items: center;color: #fff;
    background: url("../images/contact1.jpg") no-repeat; background-size: cover;background-position: center}
.n-map-info>div{margin-top: 36px;}
.n-map-info p{margin-top: 16px;}
.n-map-r{width: 63.6%;}
.n-map-r img{max-width: inherit}

.hz{background-image: url("../images/n-banner3.jpg")}
.hz-top{position: relative;display: flex;justify-content: flex-end; padding: 30px 0;
    background: url("../images/hezuo1.jpg")no-repeat; background-position: center;background-size: cover;}
.hz-top-text{padding: 50px 36px 20px 42px;width: 560px; max-width: 100%; min-height: 234px; line-height: 2em;
    /*position: absolute;right: 0%;top: 50%;transform: translateY(-50%);*/
    background: rgba(26,132,216,.75);color: #fff;}
.hz-top-text p{text-indent: 2em}
.hz-list .container .row>div{padding: 0;margin-right: 6.6%; margin-top: 24px; width: 28.9%}
.hz-list .container .row>div:nth-child(3n){margin-right: 0}
.hz-list .n_item_v1Text {padding: 0 8px;}
.hz-list .n_item_v1Text h4{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.jr{}
.jr-item{padding-left: 30px;}
.jr-item-title{ margin-top: 24px; color: #0b67cc;position: relative;font-size: 18px;}
.jr-item-title:before{content: '';position: absolute;left: -18px;top: 50%;transform: translateY(-50%);
width: 8px; height: 8px; background: #0b67cc}
.jr-item p{color: #373737;font-size: 14px;line-height: 2em;margin-top: 10px;}
.jr-item1{padding-bottom: 46%;display: flex;background: url("../images/jiaru3.png") no-repeat;background-size: contain;background-position: center bottom}
.jr-item1-l{width: calc(100% - 315px);padding-right: 36px;}
.jr-item1-r{width: 315px;}
.jr-item1-r img{margin-bottom: 16px;}

.info-body-t{padding: 0; display: flex;justify-content: space-between;border-bottom: 1px solid #dfdfdf}
.info-body-t>div{width: 33.3%;}
.info-body-b{padding:  0;border-bottom: 1px solid #dfdfdf}
.info-body-b>div{width: 100%;margin-top: 10px;}
.info-body-b>div>div{margin-top: 20px;width: 80%}
.info-body-b>div>div p{line-height: 2rem;}

.job-panel{margin-top: 56px;padding-bottom: 96px;}
.job-panel .panel-body{padding: 0 46px;}
.job-panel .n-panel .panel-title > a h5{font-size: 20px;}
.info-body-a{margin-top: 20px;}

.n-contact{margin-top: 20px;}
.news .n-banner-bg{background-image: url("../images/n-banner4.jpg")}
.news-title{width: 240px;}


.pro .n-banner-bg{background-image: url("../images/n-banner5.jpg")}
.pro .n_item_v1Info{top: 80%;opacity: 1}
.pro .n_item_v1Info > div{height: 100%;position: relative}
.pro .n_item_v1Info > div h4{width: 55px;height: 55px; margin: 10px auto; background: url("../images/scale.png") no-repeat;}
.pro .n_item_v1Info > div h4 > img{display: none}
.pro .n_item_v1Info p{ position: absolute; top: 22px;transform: translateY(0);
   width: 100%; margin-top: 0; text-align: center; font-size: 16px;color: #fff; opacity: 1}
.pro .n_item_v1:hover .n_item_v1Info{top: 0;display: flex;}
.pro .n_item_v1:hover .n_item_v1Info>div{height: auto}
.pro .n_item_v1:hover .n_item_v1Info>div>p{position: relative;top: auto;}


.n-from{ overflow-x: auto;}
.n-from-row{ min-width: 938px;display: flex;border: 1px solid #ccc}
.n-blue{background: #cfebf9}
.n-white{background: #fff}
.n-w100{width: 100%!important;}
.n-w75{width: 75%!important;}
.n-w66{width: 66%!important;}
.n-w55{width: 55%!important;}
.n-w50{width: 50%!important;}
.n-w45{width: 45%!important;}
.n-w40{width: 40%!important;}
.n-w37{width: 38%!important;}
.n-w33{width: 33%!important;}
.n-w25{width: 25%!important;display: block;}
.n-w20{width: 20%!important;}
.n-pl{padding-left: 24px;}
.n-br{border-right: 1px solid #ccc!important;}
.n-bl{border-left: 1px solid #ccc!important;}

.n-from-item{ height: 30px; display: flex; align-items: center;
    font-size: 14px; color:#373737;  }
.n-from-item input[type="text"]{width: 60%;margin-left: 10px;height: 22px;line-height: 22px;
    background: none; border: 0; border-bottom: 1px solid #ccc}
.n-from-item .n-from-item{border: 0;}
.n-from-title{padding-left: 24px; margin-bottom: 10px; font-size: 22px;color: #373737}
.checkbox{display: flex;margin: 0;align-items: center}
.checkbox + .checkbox, .radio + .radio{margin: 0}
.checkbox span{display: block}
.checkbox input[type="checkbox"]{width: 24px;height: 20px;margin: 0;position: static;border: 0;}


.n-from-content1{margin-top: 14px;}
.n-from-item1 input[type="text"]{ }

.n-from-content2,.n-from-content3,.n-from-content4,.n-from-content5,.n-from-content6{margin-top:20px;}
/*.n-from-item2{justify-content: space-between}*/
.n-from-content6{display: flex;justify-content: center}
.n-from-content6 > div{width: 150px;height: 40px;margin: 0 10px; }
.n-from-content6 > div input{width: 100%;height: 100%;line-height: 40px;text-align: center;color: #fff;background: #9fa0a0;border: 0}
.n-from-content6 > div input:hover{background: #1a84d8}

.new-content-title{text-align: center;font-size: 24px;padding: 20px 10px ;}
.new-content-text p{margin-top: 10px;line-height: 1.8em;}
.new-content-time{text-align: center;margin: 10px 0;}
.new-btn{position: relative;margin-top: 50px;}
.new-btn-l{padding-right: 80px;width: 100%}
.new-btn-l-next{border-bottom: 1px solid #dadada}
.new-btn-l > div{padding: 12px 0;}
.new-btn-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.new-btn-r a{  display: block; width: 74px;height: 74px;  padding: 16px 0; text-align: center; border-radius: 50%;color: #fff;background: #1a84d8;transition: .4s all linear}
.new-btn-r span{display: block}
.new-btn-r span:nth-child(3){font-size: 10px;}
.new-btn-r i{display: block}
.new-btn-r a:hover{background: #dcb170;transition: .4s all linear}
.new-btn-l a{ display: flex;justify-content: space-between}
.new-btn-l a span{font-size: 18px;color: #333}
.new-btn-l a span b{ font-weight: 100; color: #666;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.new-btn-l a span:nth-child(1){display: block;width: calc(100% - 80px);padding-right: 110px;position: relative;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new-btn-l a span:nth-child(2){font-size: 14px;display: block;width: 64px;}

.new-btn-l a:hover span{color: #dcb170}
.new-btn-l a:hover span b{color: #dcb170}
.new-btn-l a:hover span i{color: #dcb170}


@media (min-width:1440px)and (max-width: 1660px){

}
@media (min-width:1200px) and (max-width:1440px){

}

@media  (max-width:1300px){
    .about-swiper .swiper-button-next{ right:10px; }
    .about-swiper .swiper-button-prev{ left: 10px; }
    .n-from-item span{font-size: 14px;}
}

@media  (max-width:1220px){
    .i-banner-text h1{font-size: 30px}
    .i-about .g_w{display: block}
    .i-about-l,.i-about-r{width: 100%;padding: 0}
    .i-about-r{margin-top: 40px;}
    .i-box .g_w{display: block}
    .i-case,.i-news{width: 100%;min-width: 0}
    .i-news{margin-top: 30px;padding-left: 0}
    .i-product-title {display: block}
    .i-product-title .nav-tabs{margin-top: 20px;}
    .i-product-title > a{display: block; margin-top: 10px;}

    .jr-item1{display: block;padding-bottom: 0;background: none}
    .jr-item1-l{width: 100%}
    .jr-item1-l{padding-right: 0}
    .jr-item1-r{display: none}
    .n_item_h1Info > div{padding: 20px;}
    .n_item_h1{margin-top: 20px;}
}
@media (min-width:924px) and (max-width:1220px){


}
@media (max-width:924px){
    .i-about-l{display: block}
    .i-about-l-swiper,.i-about-l-text{width: 100%;}
    .i-about-l-text{margin-top: 20px;padding-left: 0}
    .n-content{display: block}
    .n-l,.n-r{width: 100%}
    .n-r{padding-left: 0}
    .n-map{display: block;}
    .n-map-l{width: 100%;padding: 20px 10px;}
    .n-map-r{width: 100%}
}
@media (min-width:767px) and (max-width:992px){

}
@media (max-width:767px){
    .i-banner-text{width: 100%;text-align: center; left: 50%;top: 50%;transform: translate(-50%,-50%);color: #0c67cd}
    .nav-tabs > li{width: 33%;margin-top: 10px;}
    .hz-list .container .row>div{width: 100%;margin-right: 0}
    /*.hz-list .container .row>div:nth-child(3n){width: 100%;margin-right: 0}*/
    .hz-top-text{position: relative;width: 100%;min-height: 0; height: auto;padding:20px 10px; background:rgba(26,132,216,1);transform: translateY(0)}
    .n_item_h1{height: auto}
    .n_item_h1Img{position: relative;width: 100%}
    .n_item_h1Info{padding: 0}
    .new-btn-l a span:nth-child(1){padding-right: 0}
    .new-btn-l a span:nth-child(1) b{display: none}
    .i-about .g_w {
        display: flex;
        flex-direction: column;
    }

}


@media (max-width:480px){

    .nav-tabs > li{width: 49%;margin-top: 10px;}
}